<!DOCTYPE html>
<html>
  <head>
    <title>北斗智慧校园</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../../../../css/index.css">
	<script type="text/javascript" src="../../../../../public/libs/jquery/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../../../../public/libs/undercore.js"></script>
	<script type="text/javascript" src="../../../../../public/libs/jquery/jquery-lhgdialog/lhgdialog.min.js?self=true&skin=idialog"></script>
	<script type="text/javascript" src="../../../../../public/libs/datepicker/WdatePicker.js"></script>
	<script type="text/javascript" src="../../../../../public/js/home-common.js"></script>
	<script type="text/javascript" src="../../../../../public/js/ajax-crud.js"></script>
	<script type="text/javascript" src="../../../../../public/js/config.js"></script>
	<script type="text/javascript" src="../../../../../public/js/tools.js"></script>
	<script type="text/javascript" src="../../../../../public/js/checkkey.js"></script>
	<script type="text/javascript" src="js/classattence.js"></script>
  </head>
  <body style="overflow: hidden;font-family: 微软雅黑;">
	<div class="right-title">
		<div class="title-img2">
			<img src="../../../../../img/xw/stumanage.png" width="100%" height="100%">
		</div>
		<div class="title-text2">班级考勤</div>
		<div class="title-model-now">
			<img src="../../../../../img/xw/lim.png" style="margin-top:5px;"/>
			<img src="../../../../../img/xw/lft.png" style="margin-top:9px;"/>
			<div class="model-now-text">校务管理</div>
			<img src="../../../../../img/xw/lft.png" style="margin-top:9px;"/>
			<div class="model-now-text" style="color:#949496;">班级考勤</div>
		</div>
		<div class="title-search">
			<select id="student-type">
				<option value="">学段</option>
			</select>
			<select id="student-grade">
				<option value="">年级</option>
			</select>
			<select id="student-class">
				<option value="">班级</option>
			</select>
			<input type="text" id="start-time" class="Wdate" readonly="readonly" onclick="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm',maxDate:'#F{$dp.$D(\'end-time\')}'})">
			<input type="text" id="end-time" class="Wdate" readonly="readonly" onclick="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm',minDate:'#F{$dp.$D(\'start-time\')}'})">
			<div class="search-btn" id="attence-search-btn">查询</div>
		</div>
	</div>
	<div class="right-content" id="right-tables">
		<div class="content-title">
			<div class="table-logo">
				<img src="../../../../../img/xw/add-li.png" width="100%" height="100%">
			</div>
			<div class="table-title">班级考勤</div>
			<div class="table-pages" id="student-page">
			</div>
		</div>
		<div class="data-back-img"></div>
		<div class="content-data-show" id="cattence-data-show">
			<table class="at-head-ta" id="a-at-head">
				<tr>
					<td width="40">年级</td>
					<td width="80">考勤总数(次)</td>
					<td width="80">学生总数(个)</td>
					<td width="80">请假(次/比例)</td>
					<td width="80">旷课(次/比例)</td>
					<td width="80">迟到(次/比例)</td>
					<td width="80">非法离校(次/比例)</td>
				</tr>
			</table>
			<table class="at-head-ta" id="t-at-head" style="display: none;">
				<tr>
					<td width="40">姓名</td>
					<td width="80">请假(次)</td>
					<td width="80">旷课(次)</td>
					<td width="80">迟到(次)</td>
					<td width="80">非法离校(次)</td>
				</tr>
			</table>
			<table class="at-body-ta" id="grade-table">
				
			</table>
			<script id="data-template" type="text/template">
				<@_.each(obj, function(data,i) {@>
 					<tr>
    					<td width="40"><@=data.name@></td>
						<td width="80"><@=data.times@></td>
						<td width="80"><@=data.stunums@></td>
						<td width="80"><a href="javascript:void(0)" ttype="1" grade="<@=data.grade@>" classcode="<@=data.classcode@>"><@=data.leavenums@>/<@=data.leavescale@>%</a></td>
						<td width="80"><a href="javascript:void(0)" ttype="3" grade="<@=data.grade@>" classcode="<@=data.classcode@>"><@=data.absencenums@>/<@=data.absencescale@>%</a></td>
						<td width="80"><a href="javascript:void(0)" ttype="2" grade="<@=data.grade@>" classcode="<@=data.classcode@>"><@=data.latenums@>/<@=data.latescale@>%</a></td>
						<td width="80"><a href="javascript:void(0)" ttype="5" grade="<@=data.grade@>" classcode="<@=data.classcode@>"><@=data.illegaloutnums@>/<@=data.illegaloutscale@>%</a></td>
 					</tr>
				<@});@>
			</script>
			<script id="tdata-template" type="text/template">
				<@_.each(obj, function(data,i) {@>
 					<tr>
    					<td width="40"><@=data.name@></td>
						<td width="80"><a href="javascript:void(0)" studentcode="<@=data.studentcode@>" ttype="1"><@=data.leavetimes@></a></td>
						<td width="80"><a href="javascript:void(0)" studentcode="<@=data.studentcode@>" ttype="3"><@=data.absencetimes@></a></td>
						<td width="80"><a href="javascript:void(0)" studentcode="<@=data.studentcode@>" ttype="2"><@=data.latetimes@></a></td>
						<td width="80"><a href="javascript:void(0)" studentcode="<@=data.studentcode@>" ttype="5"><@=data.illegalouttimes@></a></td>
 					</tr>
				<@});@>
			</script>
		</div>
	</div>
	<iframe src="" name="detail-show" id="detail-show" class="right-content" style="display: none;border: 0px solid #fff"></iframe>
 </body>
</html>
